<template>
  <!-- 需求单 -->
  <div>

    <el-menu :default-active="activeIndex2"
             class="el-menu-demo"
             mode="horizontal"
             @select="handleSelect"
             background-color="#545c64"
             text-color="#fff"
             active-text-color="#ffd04b">
      <el-menu-item index="1"
                    class="el-icon-s-goods">黄金品类</el-menu-item>
      <el-menu-item index="4"><a href="https://www.ele.me"
           target="_blank">订单管理</a></el-menu-item>
    </el-menu>

    <el-table :data="tableData"
              style="width: 100%">

      <el-table-column prop="date"
                       label="序号"
                       width="180">
      </el-table-column>

      <el-table-column prop="date"
                       label="单号"
                       width="180">
      </el-table-column>

      <el-table-column prop="date"
                       label="客户"
                       width="180">
      </el-table-column>

      <el-table-column prop="date"
                       label="部门"
                       width="180">
      </el-table-column>

      <el-table-column prop="date"
                       label="重量"
                       width="180">
      </el-table-column>

      <el-table-column prop="date"
                       label="数量"
                       width="180">
      </el-table-column>

      <el-table-column prop="date"
                       label="来货重量"
                       width="180">
      </el-table-column>

      <el-table-column prop="date"
                       label="来货数量"
                       width="180">
      </el-table-column>

      <el-table-column prop="date"
                       label="制单人"
                       width="180">
      </el-table-column>

      <el-table-column prop="date"
                       label="制单时间"
                       width="180">
      </el-table-column>

      <el-table-column prop="name"
                       label="状态"
                       width="180">
      </el-table-column>
      <el-table-column prop="address"
                       label="操作">
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄',
        },
        {
          date: '2016-05-04',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1517 弄',
        },
        {
          date: '2016-05-01',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1519 弄',
        },
        {
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1516 弄',
        },
      ],
    }
  },
}
</script>

<style scoped>
</style>